<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style>
p {
  border: 1px dotted #999;
  margin: 0.5em 0;
}

.underline {
  text-decoration: underline;
  color: red;
}
.overline {
  text-decoration: overline;
  color: green;
}
.line-through {
  text-decoration: line-through;
  color: blue;
}

</style>
</head>
<body style="font-size: 24px;">

<p style="font-family: sans-serif;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: sans-serif; font-weight: bold;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: sans-serif; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: sans-serif; font-weight: bold; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>

<p style="font-family: serif;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: serif; font-weight: bold;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: serif; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: serif; font-weight: bold; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>

<p style="font-family: monospace;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: monospace; font-weight: bold;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: monospace; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: monospace; font-weight: bold; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>

<p style="font-family: 'DejaVu Sans';">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Sans'; font-weight: bold;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Sans'; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Sans'; font-weight: bold; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>

<p style="font-family: 'DejaVu Serif';">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Serif'; font-weight: bold;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Serif'; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>
<p style="font-family: 'DejaVu Serif'; font-weight: bold; font-style: italic;">
  <span class="underline">underline</span> <span class="line-through">line-through</span> <span class="overline">overline</span>
</p>

</body>
</html>
